<template>
  <div class="container">
    <nav-bar-cmp />
    <van-tabs v-model:active="active">
      <van-tab title="男频">
        <male-cmp />
      </van-tab>
      <van-tab title="女频">内容 2</van-tab>
      <van-tab title="出版">内容 3</van-tab>
      <van-tab title="分类">内容 4</van-tab>
      <van-tab title="免费">内容 4</van-tab>
      <van-tab title="排行">内容 4</van-tab>
    </van-tabs>





  </div>

</template>



<script setup>
import NavBarCmp from "@/components/home/NavBar.vue";
import MaleCmp from "@/components/home/tab/Male.vue"


</script>


<style scoped>
.container {
  padding: 0 20px;
}

:deep(.van-tabs__line) {
  background: #ff0000;
}
</style>
